.yjl_theme {
  width: 100%;
  height: 430px;
  background-image: url("../images/figure21.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.yjl_OuterContent {
  display: block;
  width: 100%;
  position: relative;
}
.yjl_OuterContent .yjl_Content {
  width: 1200px;
  height: 800px;
  margin: 0 auto;
  position: relative;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent {
  width: 100%;
  height: 100%;
  position: relative;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_FloatImgTop {
  position: absolute;
  width: 450px;
  height: 270px;
  top: 107px;
  left: 79px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_FloatImgFoot {
  position: absolute;
  width: 450px;
  height: 270px;
  top: 416px;
  left: 79px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_FloatRightTop {
  position: absolute;
  width: 200px;
  height: 180px;
  top: 131px;
  left: 754px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_FloatRightFoot {
  position: absolute;
  width: 477px;
  height: 140px;
  top: 349px;
  left: 627px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_FloatRightFoot .yjl_Article {
  font-size: 14px;
  line-height: 35px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_ContactUs {
  position: absolute;
  width: 150px;
  height: 50px;
  top: 570px;
  left: 789px;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_ContactUs .yjl_FloatImg {
  display: block;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_ContactUs .yjl_HoverImg {
  z-index: 111;
  display: none;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_ContactUs:hover .yjl_FloatImg {
  display: none;
}
.yjl_OuterContent .yjl_Content .yjl_InnerContent .yjl_ContactUs:hover .yjl_HoverImg {
  display: block;
}
.yjl_post-production {
  display: block;
  width: 100%;
  position: relative;
  background-image: url("../images/figure8.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.yjl_post-production .yjl_postContent {
  position: relative;
  width: 1200px;
  height: 860px;
  margin: 0 auto;
}
.yjl_post-production .yjl_postContent .playImg {
  position: absolute;
  left: 360px;
  top: 414px;
}
.yjl_post-production .yjl_postContent .yjl_productContent {
  position: absolute;
  top: 245px;
  left: 860px;
  width: 284px;
  height: 177px;
}
.yjl_post-production .yjl_postContent .yjl_productContent .yjl_ArticleContent {
  margin: 46px 0;
}
.yjl_post-production .yjl_postContent .yjl_productContent .yjl_ArticleContent p {
  font-size: 14px;
  line-height: 22px;
}
.yjl_post-production .yjl_postContent .yjl_ContactUs {
  position: absolute;
  width: 150px;
  height: 50px;
  top: 496px;
  right: 175px;
}
.yjl_post-production .yjl_postContent .yjl_ContactUs .yjl_FloatImg {
  display: block;
}
.yjl_post-production .yjl_postContent .yjl_ContactUs .yjl_HoverImg {
  z-index: 111;
  display: none;
}
.yjl_post-production .yjl_postContent .yjl_ContactUs:hover .yjl_FloatImg {
  display: none;
}
.yjl_post-production .yjl_postContent .yjl_ContactUs:hover .yjl_HoverImg {
  display: block;
}
.yjl_VisualButler {
  display: block;
  width: 100%;
  position: relative;
  background-image: url("../images/figure18.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.yjl_VisualButler .yjl_VisualContent {
  position: relative;
  width: 1200px;
  height: 610px;
  margin: 0 auto;
  color: white;
}
.yjl_VisualButler .yjl_VisualContent .playImg {
  position: absolute;
  left: 242px;
  top: 270px;
}
.yjl_VisualButler .yjl_VisualContent .yjl_ButlerContent {
  position: absolute;
  top: 150px;
  left: 692px;
  width: 490px;
  height: 216px;
}
.yjl_VisualButler .yjl_VisualContent .yjl_ButlerContent .yjl_ArticleContent {
  margin: 46px 0;
}
.yjl_VisualButler .yjl_VisualContent .yjl_ButlerContent .yjl_ArticleContent p {
  font-size: 14px;
  line-height: 25px;
}
.yjl_VisualButler .yjl_VisualContent .yjl_Arrow {
  position: absolute;
  width: 100px;
  height: 50px;
  top: 412px;
  right: 400px;
}
.yjl_VisualButler .yjl_VisualContent .yjl_Arrow .yjl_FloatImg {
  display: block;
}
.yjl_VisualButler .yjl_VisualContent .yjl_Arrow .yjl_HoverImg {
  z-index: 111;
  display: none;
}
.yjl_VisualButler .yjl_VisualContent .yjl_Arrow:hover .yjl_FloatImg {
  display: none;
}
.yjl_VisualButler .yjl_VisualContent .yjl_Arrow:hover .yjl_HoverImg {
  display: block;
}
.yjl_photographs {
  display: block;
  width: 100%;
  position: relative;
}
.yjl_photographs .yjl_PhotoShow {
  position: relative;
  width: 1200px;
  height: 790px;
  margin: 0 auto;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow {
  position: absolute;
  height: 534px;
  top: 140px;
  bottom: 150px;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow .yjl-PhotoLeft {
  display: inline-block;
  width: 890px;
  height: 534px;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow .yjl-PhotoLeft img {
  width: 890px;
  height: 534px;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow .yjl-PhotoRight {
  display: inline-block;
  float: right;
  width: 270px;
  height: 534px;
  margin-right: 20px;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow .yjl-PhotoRight ul {
  margin: 0;
}
.yjl_photographs .yjl_PhotoShow .yjl_PhotoShow .yjl-PhotoRight .yjl_img {
  margin: 20px 0;
}
